<template>
  <div class="search-wrap" :class="compNoBg">
    <slot />
  </div>
</template>
<script>
export default {
  props: {
    noBg: {
      type: Boolean,
      default: false
    }
  },
  computed: {
    compNoBg() {
      return this.noBg ? 'no-bg' : ''
    }
  }
}
</script>
<style lang="scss">
.search-wrap {
  background-color: #fff;
  // position: fixed;
  // width: 100%;
  // top: 44px;
  // z-index: 99;
  padding: 6px 12px;
  border-bottom: 1px solid $borderGrey;
  border-right: none;
  overflow: hidden;
  // margin: -10px -10px 10px -10px;
  .el-form{
    display: flex;
    flex-wrap: nowrap;
    .el-form-item{
      margin-bottom: 0!important;
      &:last-child{
        margin-right: 0!important;
      }
    }
  }
}
.no-bg{
  background-color: transparent;
  margin-bottom: 5px;
  border-bottom: none;
}
</style>
